<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>IDS</title>
		<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<header>
			<nav class="bg_nav">
				<div class="left">
					<div class="logo">
						<a href="index.html">智能数字标牌网首页</a>
					</div>
					<div class="login">
						<form action="#">
							<ul>
								<li>用户名:</li>
								<li>
									<input type="text" placeholder="请输入用户名...">
								</li>
								<li>密码:</li>
								<li>
									<input type="password">
								</li>
								<li>验证码:</li>
								<li>
									<input type="text" id="validate">
								</li>
								<li></li>
								<li>还不是会员,请先[注册]</li>
								<li><a href="#"><img src="images/qqLogin.png"></a></li>
							</ul>
						</form>
					</div>
				</div>
				<div class="right">
					<div class="search">
						<input type="text">
						<div class="btn_search">
							<span id="btn_search_box"></span>
						</div>
					</div>
					<div class="service">
						<ul>
							<li>数字音视工程网</li>
							<li class="fenge">|</li>
							<li>杂志订阅</li>
							<li class="fenge">|</li>
							<li>联系客服</li>
						</ul>
					</div>
				</div>
			</nav>
			<div class="banner">
				<div class="container">
					<div class="books">
						<img src="images/banner_book.jpg" alt="">
					</div>
					<div class="content">
						<p>智能数字标牌杂志</p>
						<p>一年四期，免费索取中，欢迎订阅！</p>
						<p>聚焦案例的技术方案.推进工程商，终端用户学习各类应用解决方案，让客户了解可用何种数字音视频技术解决其实际需求，从而达到复制应用推广和扩大用户需求的目的。我们杂志一般在工程商，终端用户的桌面摆放时间为三个月，能被反复阅读和收藏。故而本杂志广告的推广效果长久，专业针对性强。</p>
						<p>欢迎投稿：web@ids01.com</p>
						<div>订阅</div>
						<p>也可将订阅表回传给我们<span>0755-82091678</span>或者在线订阅</p>
					</div>
				</div>
			</div>
		</header>
		<section>
			<div class="container">
				<!-- 简介 -->
				<div class="introduction">
					<!-- height:474px -->
					<div class="count">
						<ul class="count_box">
							<li class="bg_juxing">01</li>
							<li class="bg_hengxian"><span class="hengxian"></span></li>
							<li class="bg_juxing">02</li>
							<li class="bg_hengxian"><span class="hengxian"></span></li>
							<li class="bg_juxing">03</li>
						</ul>
					</div>
					<div class="artcle">
						<ul class="artcle_box">
							<li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora ea placeat, hic vitae reiciendis dolores nobis eveniet quod autem velit delectus non! Eveniet impedit sequi debitis aut qui possimus doloremque.</p></li>
							<li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et reprehenderit, eius illum laboriosam facilis, eveniet atque, vel odio veritatis quaerat numquam at aspernatur corporis quam qui est consequatur id quae.</p></li>
							<li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo assumenda animi aperiam qui eius, deserunt quia quasi enim nihil temporibus labore molestias corporis magnam, dolor in, officiis maxime, amet ut!</p></li>
						</ul>
					</div>
				</div>

			</div>
			<div class="container_full">
				<div class="container">
					<!-- 杂志期刊 -->
					<div class="magazine">
						<!-- 第一期 -->
						<div class="book_list">
							<div class="left_box">
								<p><button>2016第一期</button></p>
								<div class="imgs_box">
									<img src="images/book1.png" alt="">
								</div>
							</div>
							<div class="right_box">
								<div class="row">
									<div class="tag_left">
										<span class="tags">本期标签：</span>
										<ul>
											<li>技术方案</li>
											<li>技术漫谈</li>
											<li>产品应用</li>
										</ul>
									</div>
									<div class="btn_right">
										<button class="btn_red">高清浏览</button>
										<button class="btn_yellow">本期下载</button>
									</div>
								</div>
								<div class="bg_list">
									<p>晶彩视讯智慧气象视频会商云屏显控交互平台</p>
									<ul class="left-list">
										<li>寰视：多级指挥中心可视化云显控</li>
										<li>分布式视频矩阵系统典型引用方案</li>
										<li>分布式交互管理平台工程设计方案</li>
										<li>数字化庭审系统解决方案</li>
										<li>TALENT全自动高清录播系统综合</li>
									</ul>
									<ul class="right-list">
										<li>超薄转轴型无纸化液晶升降会议系</li>
										<li>人脸识别技术发展与展望</li>
										<li>智拓系统应用美国佳利律师事务所</li>
										<li>民族企业的高端激光投影的应用的</li>
										<li>广州灯光节3D楼体投影作品欣赏</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 第三期 -->
						<div class="book_list">
							<div class="left_box">
								<p><button>2016第一期</button></p>
								<div class="imgs_box">
									<img src="images/book1.png" alt="">
								</div>
							</div>
							<div class="right_box">
								<div class="row">
									<div class="tag_left">
										<span class="tags">本期标签：</span>
										<ul>
											<li>技术方案</li>
											<li>技术漫谈</li>
											<li>产品应用</li>
										</ul>
										
									</div>
									<div class="btn_right">
										<button class="btn_red">高清浏览</button>
										<button class="btn_yellow">本期下载</button>
									</div>
								</div>
								<div class="bg_list">
									<p>晶彩视讯智慧气象视频会商云屏显控交互平台</p>
									<ul class="left-list">
										<li>寰视：多级指挥中心可视化云显控</li>
										<li>分布式视频矩阵系统典型引用方案</li>
										<li>分布式交互管理平台工程设计方案</li>
										<li>数字化庭审系统解决方案</li>
										<li>TALENT全自动高清录播系统综合</li>
									</ul>
									<ul class="right-list">
										<li>超薄转轴型无纸化液晶升降会议系</li>
										<li>人脸识别技术发展与展望</li>
										<li>智拓系统应用美国佳利律师事务所</li>
										<li>民族企业的高端激光投影的应用的</li>
										<li>广州灯光节3D楼体投影作品欣赏</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 第二期 -->
						<div class="book_list">
							<div class="left_box">
								<p><button>2016第一期</button></p>
								<div class="imgs_box">
									<img src="images/book1.png" alt="">
								</div>
							</div>
							<div class="right_box">
								<div class="row">
									<div class="tag_left">
										<span class="tags">本期标签：</span>
										<ul>
											<li>技术方案</li>
											<li>技术漫谈</li>
											<li>产品应用</li>
										</ul>
										
									</div>
									<div class="btn_right">
										<button class="btn_red">高清浏览</button>
										<button class="btn_yellow">本期下载</button>
									</div>
								</div>
								<div class="bg_list">
									<p>晶彩视讯智慧气象视频会商云屏显控交互平台</p>
									<ul class="left-list">
										<li>寰视：多级指挥中心可视化云显控</li>
										<li>分布式视频矩阵系统典型引用方案</li>
										<li>分布式交互管理平台工程设计方案</li>
										<li>数字化庭审系统解决方案</li>
										<li>TALENT全自动高清录播系统综合</li>
									</ul>
									<ul class="right-list">
										<li>超薄转轴型无纸化液晶升降会议系</li>
										<li>人脸识别技术发展与展望</li>
										<li>智拓系统应用美国佳利律师事务所</li>
										<li>民族企业的高端激光投影的应用的</li>
										<li>广州灯光节3D楼体投影作品欣赏</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="container">
				<!-- #004e88 150px height -->
				<div class="foot">
					<div>
						<ul>
							<li>关于我们</li>
							<li class="bg_line">|</li>
							<li>服务内容</li>
							<li class="bg_line">|</li>
							<li>广告服务</li>
							<li class="bg_line">|</li>
							<li>联系我们</li>
						</ul>
					</div>
					<div>版权所有&nbsp;数字音视工程网&nbsp;Copyright&nbsp;&copy;&nbsp;2016.&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;[粤ICP备12006020]</div>
					<div>邮箱：web@davinfo.com&nbsp;客服电话：0755-82091686&nbsp;传真：0755-82091686</div>
				</div>
			</div>
		</footer>
		<script>
			// JS代码快			
		</script>
	</body>
</html>